<div class="container">
    <div class="top">
        <h1 class="page__title" style="background-color:#479de6">IOT裝置<span id="PageBack" class="back">返回</span><a class="home fa fa-home ajax-page" id="home" href=".html"></a></h1>
    </div>
    <div class="page" id="page" style="background-color:#ffffff;">
        <div class="pagebg"></div>
        <div class="pagemain">
            <div id="view868251" class="" style="padding: 5px; margin: 5px;">
                <div class="">
                    <a href="javascript:;" onclick="javascript:history.back(-1);">
                        返回
                    </a>
                </div>
                <div class="">
                    <p style="text-align: center;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 24px;"><strong>IOT裝置即時狀態</strong></span></p>
                </div>
                <div class="">
                    <p><strong><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">&nbsp; &nbsp; 案場</span></strong></p>
                </div>
                <div class="">
                    <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">&nbsp; &nbsp; &nbsp; &nbsp; {$anchangname}</span>
                </div>

            </div>

            <div style="height: 120px">
                <form method="post" role="form" action="">

                    <input id="c-anchang_id" type="hidden" name="anchang_id" value="{$anchang_id}">

                    <div class="weui-search-bar__form">
                        <div class="weui-search-bar__box">
                            <i class="weui-icon-search"></i>
                            <input type="search" required="" placeholder="請輸入裝置名稱/代號/SN" name="keyword" value="{$keyword}"
                                   class="weui-search-bar__input"/>
                        </div>
                    </div>

                    <div class="weui-cell">
                        <div class="weui-cell__hd   ">
                            <label class="weui-label" for="398858">類型</label>
                        </div>
                        <div class="weui-cell__bd">
                            <select name="smallcategory_id" class="weui-input " data-load="1" data-ride="select" placeholder="请选择" id="398858">
                                <option value="">请选择</option>
                                {if $smallcategory_id > 0}
                                    <option value="{$smallcategory_id}" selected data-value="{$smallcategory_id}" data-title="{$smallcategoryname}">{$smallcategoryname}</option>
                                {/if}
                                {foreach name="smallcategorylist" item="vo"}
                                    <option value="{$vo.id}" data-value="{$vo.id}" data-title="{$vo.name}">{$vo.name}</option>
                                {/foreach}
                            </select>
                        </div>
                    </div>

                    <div style="height: 1px">
                    </div>
                    <div class="col-xs-12  col-xs-offset-4">
                        <button type="submit" class="btn btn-success">提交</button>
                        <button type="reset" class="btn btn-default">重置</button>
                    </div>

                </form>
            </div>

            {foreach name="iotlist" item="vo"}
            <div class="" style="border-width: 1px; border-style: solid; border-color: rgb(63, 92, 166); border-radius: 5px; padding: 5px; margin: 5px;">
                <div class="weui-panel weui-panel_access">
                    <div class="weui-panel__hd nav-black">
                        <div class="weui-panel__title">
                            {$vo.name}
                        </div>
                        <div class="weui-panel__tools">
                            <div class="actions449386 hide" data-position="Up" data-effect="bounce">
                                <div class="weui-actionsheet__title">
                                    <div class="weui-actionsheet__title-text">
                                        {$vo.selfname}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="weui-panel__bd" id="pandel_bd449386">
                        <div class="">
                            <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 12px;">裝置SN: &nbsp; {$vo.deviceid}</span>
                        </div>
                        <div class="">
                            <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 12px;">類型: &nbsp; {$vo.smallcategory.name}</span>
                        </div>
                        <div class="">
                            {if $vo.online == 1}
                            <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 12px; color:green;">狀態: &nbsp; {$vo.onlinestr}</span>
                            {else}
                            <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 12px; color:red;">狀態: &nbsp; {$vo.onlinestr}</span>
                            {/if}
                        </div>
                        <div class="">
                            <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 12px;">持續時間: &nbsp; {$vo.online_time}</span>
                        </div>
                        <div class="">
                            <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 12px;">更新時間: &nbsp; {$vo.update_time}</span>
                        </div>
                    </div>
                </div>
            </div>
            {/foreach}


            <div class="weui-tabbar .tabbar938637" id="tabbar938637" style="width: 100%;">
                <a href="{:url('home/index')}" page="index" class="weui-tabbar__item   "> <img src="__CDN__/assets/images/icon1c.png" img="__CDN__/assets/images/icon1.png" selectimg="__CDN__/assets/images/icon1c.png" alt="" class="weui-tabbar__icon" style="" /> <p class="weui-tabbar__label weui-tabbar__label413181">首頁</p> </a>
                <a href="{:url('home/cbzy')}" page="cbzy" class="weui-tabbar__item "> <img src="__CDN__/assets/images/icon2c.png" img="__CDN__/assets/images/icon2c.png" selectimg="__CDN__/assets/images/icon2.png" alt="" class="weui-tabbar__icon" style="" /> <p class="weui-tabbar__label weui-tabbar__label413181">抄表作業</p> </a>
                {if $isanchanguser}
                <a href="{:url('home/anchang').'?anchang_id='.$anchangid}" page="anchang" class="weui-tabbar__item  weui-bar__item_on"> <img src="__CDN__/assets/images/icon_purchase04_pressed.png" img="__CDN__/assets/images/icon_purchase04_pressed.png" selectimg="__CDN__/assets/images/icon_purchase04.png" alt="" class="weui-tabbar__icon" style="" /> <p class="weui-tabbar__label weui-tabbar__label281124">案場</p> </a>
                {else}
                <a href="{:url('home/anchanglist')}" page="anchanglist" class="weui-tabbar__item  weui-bar__item_on "> <img src="__CDN__/assets/images/icon2.png" img="__CDN__/assets/images/icon2c.png" selectimg="__CDN__/assets/images/icon2.png" alt="" class="weui-tabbar__icon" style="" /> <p class="weui-tabbar__label weui-tabbar__label970785">案場</p> </a>
                {/if}

                <a href="{:url('user/profile')}" page="account" class="weui-tabbar__item  "> <img src="__CDN__/assets/images/icon3c.png" img="__CDN__/assets/images/icon3c.png" selectimg="__CDN__/assets/images/icon3.png" alt="" class="weui-tabbar__icon" style="" /> <p class="weui-tabbar__label weui-tabbar__label413181">帳號</p> </a>


                <style type="text/css">
                    .tabbar938637 {}

                    .weui-tabbar__label938637 {
                        color: #999999 !important;
                    "

                    }

                    .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label938637 {
                        color: #09bb07 !important;
                    }
                </style>
            </div>
        </div>
    </div>
</div>